page-marketing-production-manege{
    
    .analysis-title {
      padding: 0;
      margin-left: 15px;
      line-height: 30px;
      i,
      h3 {
        display: inline-block;
        font-weight: bold;
        font-size: 1.6rem;
      }
      i {
        margin-right: 10px;
        background-color: color($colors, primary);
        padding: 0 10px;
        color: #ffffff;
      }
    }
    .analysis-desc {
      min-height: auto;
      color: #666666;
      ion-label {
          text-align: justify;
          white-space: normal;
          &.label-ios:empty {
              margin: 0;
          }
      }
      div {
          display: inline;
          margin: 0;
          line-height: 30px;
          font-size: 1.6rem;
          color: #666;
          white-space: normal;
          word-break: break-all;
      }
    }
    .analysis-table {
      padding-left: 0;
      min-height: auto;
      .item-inner {
        padding-right: 0!important;
      }
      ion-label {
        margin: 0;
      }
      ion-col {
        white-space: normal;
        word-break: break-all;
      }
    }
    .analysis-table-thead {
      background-color: #fdb28c;
      font-size: 12px;
      color: #ffffff;
      //text-align: center;
    }
    .analysis-table-tbody {
      [col-3] {
        -webkit-box-flex: 0;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
      font-size: 12px;
      //text-align: center;
      &.bg-red {
        &:nth-of-type(odd) {
          background-color: #fddfc6;
        }
        &:nth-of-type(even) {
          background-color: #fbe8cd;
        }
      }
      &.bg-blue {
        &:nth-of-type(odd) {
          background-color: #d7e5f7;
        }
        &:nth-of-type(even) {
          background-color: #e7eff7;
        }
      }
    }
    .fall {
      color: green;
    }
    .rise {
      color: red;
    }

    .col {
      display: flex;
      justify-content: flex-end;
      text-align: right!important;
      coltrend {
          align-self: center
      }
    }
  
    .showleft{
      display: flex!important;
      justify-content: flex-start!important;
      text-align: left!important;
      coltrend {
          align-self: center
      }
    }

  }
  